<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>支付</title>
    <link rel="stylesheet" href="../style/reset.css">
    <link rel="stylesheet" href="../style/main.css">
    <script src="../js/less.min.js"></script>
</head>
<body>
<div class="header-bar" id="anchor">
    <div class="top-bar">
        <div class="com-width">
            <div class="left-area fl">
                <a href="#" class="inform">
                    阳泉云链成功上线啦！
                </a>
                <a href="#" class="inform-text">2017-07-12</a>
            </div>
            <ul class="right-area fr">
                <li class="phone"><a href="#">151****1111</a></li>
                <li class="exit"><a href="#">退出</a></li>
                <li class="mobile">
                    <div class="phone-qr">
                        <img src="../images/about.png"/>
                        <!-- <p>下载手机APP</p> -->
                    </div>
                    <a href="#">手机客户端</a>
                </li>
                <li class="weixin-hover about">
                    <div class="weixin-qr">
                        <img src="../images/about.png"/>
                        <!-- <p>关注微信公众号</p> -->
                    </div>
                    <a href="#"></span>关注微信号</a>
                </li>
                <li class="help"><a href="../help.html" target="_blank" title="帮助中心">帮助中心</a></li>
            </ul>
        </div>
    </div>
    <div class="logo-bar">
        <div class="com-width">
            <div class="logo fl">
                <a href="../home.html"><img src="../images/logo.png" alt="阳泉云链"></a>
            </div>
            <div class="nav fr">
                <ul class="nav-content">
                    <li class="current"><a href="../home.html" class="home">首页</a></li>
                    <li><a href="../financing.html">供应链融资</a></li>
                    <li><a href="../invest.html">我要投资</a></li>
                    <li><a href="../about.html">关于我们</a></li>
                    <li><a href="../personal.html">我的账户</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>

<div class="payment_main">
   <div class="payment_main_banner ">
       <div class="">
           <h3><img class="img_state" src="../images/payment/Handle.png" alt="×">订单/交易处理中</h3>
           <div class="payment_main_prompt">
               <p>订单/交易处理中，请耐心等待处理结果</p>
               <p>如需确认是否投标成功，请您到账户中心查看投资记录</p>
               <span>如果您有任何疑问，请致电400-456-xxxx</span>
           </div>
           <div class="payment_main_btn">
               <button class="continue_investment">继续投资</button>
               <button class="see_my_money">查看我的资产</button>
           </div>
       </div>
       <div class="Trading hide">
           <h3><img class="img_state" src="../images/payment/yes.png" alt="×">支付成功，投标已完成 !</h3>
           <table>
               <tr>
                   <th>产品名称</th>
                   <th>投资金额</th>
                   <th>预期年化利率</th>
                   <th>投资期限</th>
                   <th>预期收益</th>
               </tr>
               <tr>
                   <td>麦乐科</td>
                   <td>1000</td>
                   <td>6%</td>
                   <td>90</td>
                   <td>15%</td>
               </tr>
           </table>
           <div class="payment_main_btn">
               <button class="continue_investment">继续投资</button>
               <button class="see_my_money">查看我的资产</button>
           </div>
       </div>
       <div class="failure hide">
           <h3><img class="img_state" src="../images/payment/fail.png" alt="×">对不起，支付失败</h3>
           <div class="payment_main_prompt">
               <h6>失败原因</h6>
               <p>您的银行卡余额不足或者中金返回的其他失败原因</p>
               <p>如果需要确认是否投标成功，请您到账户中心查看投资记录</p>
               <span>如果您有任何疑问，请致电400-456-xxxx</span>
           </div>
           <div class="payment_main_btn">
               <button class="continue_investment">继续投资</button>
               <button class="see_my_money">查看我的资产</button>
           </div>
       </div>
       <div class="Recruited hide">
           <h3><img class="img_state" src="../images/payment/fail.png" alt="×">对不起，项目已招募 </h3>
           <div class="payment_main_prompt">
               <p>您的资金会在1~3个工作日内瑞惠到您的付款银行卡账户中</p>
               <p>如需确认是否投标成功，请您到账户中心查看投资记录</p>
               <span>如果您有任何疑问，请致电400-456-xxxx</span>
           </div>
           <div class="payment_main_btn">
               <button class="continue_investment">继续投资</button>
               <button class="see_my_money">查看我的资产</button>
           </div>
       </div>
   </div>

   <div class="Advertisement"></div>
</div>

<!--脚部-->
<div class="footer">
    <div class="com-width clearfix">
        <div class="foot-left fl clearfix">
            <dl>
                <dt><img src="../images/about.png" alt="关注我们"></dt>
                <dd>
                    <p>客服热线</p>
                    <p class="number"><span class="phone"></span>0351-8656555</p>
                    <p>服务时间：工作日 09:00-18:00</p>
                </dd>
            </dl>
        </div>
        <div class="foot-right fr">
            <p>
                <a href="#">帮助中心</a>
                <a href="#">关于我们</a>
                <a href="#">常见问题 </a>
                <a href="#" class="help">平台公告</a>
            </p>
            <p class="info">Copyright©2016 北京麦乐科信息科技有限公司 | 京 ICP 17011867号</p>
            <p class="skill">平台技术运营服务商<span class="mailekelogo"></span></p>
        </div>
    </div>
</div>

</body>
<script src="../js/jquery-1.9.1.min.js"></script>
<script src="../js/common.js"></script>
</html>